<template>
  <div class="topNav">
      <div class="topLeft">
        <span class="iconfont icon-24gl-playlistMusic3"></span>
      </div>
      <div class="topCenter">
        <span class="navBtn">我的</span>
        <span class="navBtn faxian">发现</span>
        <span class="navBtn">云村</span>
        <span class="navBtn">视频</span>
      </div>
      <div class="topRight">
        <span class="iconfont icon-sousuo"></span>
      </div>
    </div>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
.topNav{
    width:7.5rem;
    height:0.8rem;
    display:flex;
    justify-content: space-between;
    align-items: center;
    padding: .2rem;
    background: rgb(241, 124, 124);
    .iconfont{
        font-size: .5rem;
    }
    .topCenter{
        width:5rem;
        display:flex;
        justify-content: space-around;
    }
    .faxian{
        font-weight: 900;
    }
}
</style>